<template>
  <layout>
    <div class="container" id="myContainer"></div>
  </layout>
</template>

<script>
import {computed, defineComponent, onMounted, ref} from "vue";
import {useRouter, useRoute} from 'vue-router'
import Layout from "../../Layout.vue";
import * as THREE from 'three';
export default defineComponent({
  name: "FixedPoint",
  components: {
    Layout
  },
  setup() {
    onMounted(() => {
      initData()
    })
    const router = useRouter()
    const route = useRoute()
    const itemData = computed(() => JSON.parse(route.query.itemData))
    const initData = () => {
      let geometry1 = new THREE.BoxGeometry(10, 8, 9);
      console.log('几何体数据结构 BoxGeometry====>',geometry1);
      let geometry = new THREE.BoxBufferGeometry(7, 6, 8);
      console.log('几何体数据结构 BoxBufferGeometry====>',geometry);
      console.log('顶点位置、法向量、UV、颜色顶点等数据集合',geometry.attributes);
      console.log('顶点位置数据',geometry.attributes.position);
      console.log('顶点索引数据',geometry.index);
    }
    return {
      itemData
    }
  }
})
</script>

<style scoped>

</style>